<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { useAppStore } from '@/stores/appStore'

const appStore = useAppStore()
const { title } = storeToRefs(appStore)
</script>

<template>
  <div class="flex flex-row flex-items-center">
    <div
      class="ml-1 h-12 w-12 flex flex-justify-center flex-items-center"
    >
      <div class="i-fa4j-logo h-10 w-10" />
    </div>

    <div class="grow truncate text-left text-nowrap text-lg font-bold">
      {{ title }}
    </div>
  </div>
</template>

<style scoped>

</style>
